<template>
  <footer>
    <div class="div1">
      <div class="container">
        <div class="row">
          <div class="d-inline-block img w-25">
            地址：北京市昌平区沙河高教园 南三街9号
            <br />
            <br />
            邮编：102206
          </div>
          <div class="d-inline-block heigh400">
            <div style="margin-top: 76px; margin-bottom: 33px">
              互联教务系统
            </div>
            <div>实验实践管理系统</div>
          </div>
          <div class="gang"></div>
          <div class="d-inline-block heigh400">
            <div @click="gettomain" style="margin-top: 30px">教学工作联盟</div>
            <div style="margin-top: 40px; margin-bottom: 40px">
              学生活动工作联盟
            </div>
            <div>科研工作联盟</div>
          </div>
          <div class="d-inline-block heigh400">
            <div style="margin-top: 30px">空间共享工作联盟</div>
            <div style="margin-top: 40px; margin-bottom: 40px">
              大学生创新创业工作联盟
            </div>
            <div>国际型人才培养工作联盟</div>
          </div>
          <div class="d-inline-block heigh400 text-center">
            <img
              width="116"
              height="116"
              src="../assets/gongzhonghao.png"
              alt=""
            />
            <div class="m-10 text-center">关注公众号</div>
          </div>
        </div>
      </div>
    </div>
    <div class="div2"></div>
  </footer>
</template>

<script>
export default {
  props: ["gettomain"],
};
</script>


<style scoped>
.div1 {
  background-color: rgb(4, 20, 33);
  height: 200px;
}
.div2 {
  height: 40px;
  background-color: #000;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.heigh400 {
  height: 200px;
  width: 200px;
}

.img {
  background-image: url(../assets/footer.png);
  height: 228px;
  width: 280px;
  margin-top: -28px;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 25px;
  padding-right: 50px;
  padding-top: 70px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
}

.heigh400 div {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.heigh400 img {
  margin-top: 34px;
  margin-bottom: 10px;
}
.gang {
  width: 1px;
  height: 118px;
  background: #f7f7f7;
  opacity: 0.4;
  margin-right: 50px;
  margin-top: 39px;
}
</style>